import Vue from 'vue'
import VueRouter from 'vue-router'

import Pricing from './components/Pricing.vue'
import QuoteCreate from './components/QuoteCreate.vue'
import QuoteModify from './components/QuoteModify.vue'
import Header from './components/Header.vue'
import Content from './components/Content.vue'
import Footer from './components/Footer.vue'
import DefaultContent from './components/DefaultContent.vue'
import ServiceContent from './components/ServiceContent.vue'

const router = new VueRouter({
  routes: [
    { path: '/', redirect: '/tabs/servies' },
    { path: '/tabs/default', component: DefaultContent },
    { path: '/tabs/servies', component: ServiceContent,
      children: [
        {path: 'pricing', component: Pricing},
        {path: 'quotecreate', component: QuoteCreate},
        {path: 'quotemodify', component: QuoteModify}
      ]
    }
  ]
})

Vue.use(VueRouter)

new Vue({
    el:'#app',
    components:{
        'header': Header,
        'content': Content,
        'footer': Footer
    },
    router: router
});
